<%--
  Created by IntelliJ IDEA.
  User: 靳光乐
  Date: 2022/11/25
  Time: 8:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 导入 bootstrap css -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/css/bootstrap-theme.min.css"/>

    <script src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/js/jquery-3.3.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/confirm.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/index.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/rent.css" />
    <!-- 导入layui的 css js -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui-v2.7.6/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/js/jquery-3.3.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/layui-v2.7.6/layui/layui.js"></script>
    <title>确认订单</title>
</head>
<body>
<!-- 头部导航 -->
<!-- header -->
<div class="container">
    <!-- =======================1.头部 =============-->
    <div class="header">
        <div class="inner">
            <div class="logo">
                <img src="${pageContext.request.contextPath}/images/car3.jpg">
            </div>
            <div class="nav">

                <ul class="layui-nav" lay-filter="">
                    <li class="layui-nav-item"><a href="">首页</a></li>
                    <li class="layui-nav-item"><a href="">自驾租车</a></li>
                    <li class="layui-nav-item"><a href="">二手车</a></li>
                    <li class="layui-nav-item"><a href="">自驾游</a></li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">车型查询</a>
                        <dl class="layui-nav-child"> <!-- 二级菜单 -->
                            <dd><a href="">SUV</a></dd>
                            <dd><a href="">小汽车</a></dd>
                            <dd><a href="">大巴车</a></dd>
                            <dd><a href="">更多</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="">营业网点</a></li>
                    <li class="layui-nav-item"><a href="">精彩活动</a></li>
                    <li class="layui-nav-item"><a href="">注册</a></li>
                    <li class="layui-nav-item"><a href="">登录</a></li>
                </ul>

            </div>
        </div>
    </div>
    <script>
        layui.use('element', function(){
            var element = layui.element;

            //…
        });
    </script>
    <div class="confirm" >
        <!-- 避免下面的块上移 -->
        <div class="header-m"></div>


        <div class="container" id="app" >

            <div class="count-down-wrapper">
                <div class="count-down" data-payleftseconds="839" id="remainTime">
                    <p class="time-left">
                        请在
                        <span class="minute">9</span>
                        分钟
                        <span class="second">59</span>秒内完成支付
                    </p>
                    <p class="tip">超时订单会自动取消，如遇支付问题，请致客服：1010-5335</p>
                </div>
            </div>

            <p class="warning">请仔细核对订单信息</p>


            <table class="order-table">
                <thead>
                <tr>
                    <th style="text-align: center">订单编号</th>
                    <th style="text-align: center">商品名称</th>
                    <th style="text-align: center">订单价格</th>

                </tr>
                </thead>
                <tbody>
                <tr name="orderNum" class="information">
                    <td class="movie-name" >${order.orderNumber}</td>
                    <td class="showtime" style="color: #333">${product.proName}</td>
                    <td class="cinema-name"  >${order.orderPrice}</td>
                </tr>
                </tbody>
            </table>


            <form class="form_info" method="post" action="${pageContext.request.contextPath}/goAlipay">
                <input type="hidden" name="custId" value="2">
                <input type="hidden" name="proId" value="${product.proId}">
                <input type="hidden" name="proName" value="${product.proName}">
                <input type="hidden" name="orderId" value="${order.orderId}">
                <input type="hidden" name="orderNumber" value="${order.orderNumber}">
                <input type="hidden" name="orderPrice" value="${order.orderPrice}">
                <input class="submitBtn" type="submit" value="前往支付宝进行支付" >
            </form>
            <div class="modal-container" style="display:none">
                <div class="modal">
                    <span class="icon"></span>

                    <p class="tip">支付超时，该订单已失效，请重新购买</p>

                    <div class="ok-btn btn">我知道了</div>
                </div>
            </div>

        </div>
    </div>
    <script src="${pageContext.request.contextPath}/js/confirm.js"></script>
</div>
</body>
</html>
